<template>
  <div class="pagenation-box flex-b-r">
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync="pagingObj.currentPage"
      :page-size="pagingObj.pageSize"
      layout="prev, pager, next, jumper"
      :total="pagingObj.totalDevice"
    >
    </el-pagination>
  </div>
</template>

<script>
export default {
  props: {
    pagingObj: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      currentPage1: 1, //当前页
      pageSize: 12, //每页数据
      totalDevice: 1,
    };
  },
  mounted() {
    console.log(this.pagingObj, "totalDevice");
    this.totalDevice = this.pagingObj.totalDevice;
  },
  methods: {
    handleSizeChange(val) {},
    handleCurrentChange(val) {
      //console.log(`当前页: ${val}`);
      this.$emit("PageVal", val);
    },
  },
};
</script>

<style scoped lang="less">

/deep/.el-input__inner {
  border: 1px solid gray !important;
}
</style>
